<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page import="com.are.odisea.*" %>
<%@include file="validausuario.jsp"%>
<%
	String hora[] = {"00:00","01:00","02:00","03:00", "04:00", "05:00","06:00","07:00","08:00","09:00","10:00","11:00","12:00", "13:00",
		"14:00","15:00","16:00", "17:00","18:00","19:00","20:00","21:00","22:00","23:00"};

%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Bandejas</title>
<link rel="stylesheet" href="themes/redmond/jquery.ui.all.css">
<LINK REL="stylesheet" TYPE="text/css" HREF="main.css">
<script src="js/jquery.js" language="JavaScript"></script>
<script src="ui/jquery.ui.core.js" language="JavaScript"></script>
<script src="ui/jquery.ui.widget.js" language="JavaScript"></script>
<script src="ui/jquery.ui.button.js"></script>

<script type="text/javascript">
$(function() {
	$( "input:submit, a, button", ".demo" ).button();
	$( "input:button, a, button", ".demo" ).button();
});
</script>

<script type="text/javascript">
	function lista() {
		$("#lista").load("SrvBandejas?operacion=list", function() {
			$( "input:submit, a, button", ".demo" ).button();
		});
	}
	
	function add() {
		var nombre = $("#nombre").val();
		var estado = $("#estado").val();
		var tipo = $("#tipo").val();
		var hora_inicial = $("#hora_inicial").val();
		var hora_final = $("#hora_final").val();
		
		if (nombre == "") {
			alert("Debe ingresar el nombre de la bandeja");
			return;
		}
		
		var url = "SrvBandejas";
		$.post(url, {
			operacion: "add",
			nombre: nombre,
			estado: estado,
			tipo: tipo,
			hora_inicial : hora_inicial,
			hora_final : hora_final
		}, procesar);
	}

	function procesar(result) {
		if (result == "OK") {
			$("#info").html("Bandeja creada correctamente");
			lista();  // actualizar lista
			$("#nombre").val("");
		}else {
			$("#info").html(result);
		}
	}
	
	function eliminar(key) {
		if (confirm("Esta seguro de eliminar la bandeja ID " + key + "?")) {
			var url = "SrvBandejas";
			$.post(url, {
				operacion: "remove",
				id : key
			}, procesarEliminar);
		}
	}
	
	function procesarEliminar(result) {
		if (result == "OK") {
			$("#info").html("Bandeja eliminada correctamente");
			lista();  // actualizar lista
		}else {
			$("#info").html(result);
		}
	}
	
	
</script>
</head>
<body onload="lista();">
<%@include file="header.jsp"%>
<div class="contencenter demo">
<h2><img alt="Bandejas" src="images/bandeja.png">Bandejas</h2>
<div id="info"></div>
<form action="" name="form1">
	<table>
		<tr>
			<th colspan="2">Bandejas</th>
		</tr>
		<tr>
			<td>Nombre</td>
			<td><input type="text" value="" size = "40" name="nombre" id="nombre" /></td>
		</tr>
		<tr>
			<td>Tipo</td>
			<td>
				<select name="tipo" id="tipo">
					<option value="1">Instalaciones</option>
					<option value="2">Mantenimiento</option>
				</select>
			</td>
		</tr>
		<tr>
			<td>Horario de Recepcion</td>
			<td>
				Hora Inicio:
				<select name="hora_inicial" id="hora_inicial">
					<% for (int x=0; x < hora.length ; x++) { %>
					<option value="<%= x%>"><%= hora[x] %></option>
					<% } %>
					
				</select>
				Hora Fin:
				<select name="hora_final" id="hora_final">
					<% for (int x=0; x < hora.length ; x++) { %>
					<option value="<%= x%>" <%= (x==23)?"selected":"" %>><%= hora[x] %></option>
					<% } %>
					
				</select>
				
			</td>
		</tr>
		<tr>
			<td>Estado</td>
			<td>
				<select name="estado" id="estado">
					<option value="1">Activa</option>
					<option value="0">Inactiva</option>
				</select>
			</td>
		</tr>
		<tr>
			<td colspan="2"><input type="button" value="Agregar" name="cmd_agregar" id="cmd_agregar" onclick="javascript:add()" /></td>
		</tr>
	</table>
</form>
<a href="DistribuirBandejas.jsp">Distribuir ordenes</a>
<div id="lista"></div>
</div>
<%@include file="foot.jsp"%>
</body>
</html>